<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


    <!--导入vue和axios的依赖文件-->
    <script src="js/plugins/axios/dist/axios.js"></script>
    <script src="js/plugins/vue/dist/vue.js"></script>

    <!--axios的全局配置-->
    <script src="js/common.js"></script>
</head>
<body>
    <div id="App"></div>
</body>

<script type="text/javascript">
    new Vue({
        el: '#App',
        data: {},

        methods: {},

        mounted(){
            //页面加载完成后操作

            //获取url中的code
            let url = location.href;
            let paramObj = parseUrlParams2Obj(url);
            let code = paramObj.code;

            //向后台发送请求（携带code），在后台处理登录的业务
            this.$http.get("/login/weChat/" + code)
                .then(res => {
                    //console.log(res.data);
                    if(res.data.success) {
                        //登录成功,保存登录信息和token
                        //保存数据
                        //使用解构赋值获取对象中的字段
                        let {token, logininfo} = res.data.resultObj;
                        localStorage.setItem("token", token);

                        //logininfo 是一个对象，需要转换为Json格式字符串形式保存
                        localStorage.setItem("logininfo", JSON.stringify(logininfo));

                        //跳转
                        location.href = "index.html";
                    } else {
                        if(res.data.resultObj != null){
                        //需要绑定信息
                            //获取access_token openid 参数信息
                            //alert(res.data.resultObj);
                            let params = res.data.resultObj;
                            //将参数传递到binder.html页面
                            location.href = "binder.html" + params;
                        }
                    }
                })
                .catch(res => {
                    //console.log(res.data);
                    alert("系统繁忙，稍后重试");
                });
        }

    })

</script>
</html>